<template>
    <div class="videobox">
        <div class="background_too">

        </div>
        <video muted loop autoplay src="@/assets/imgs/1.gif"></video>
        <one1 v-if="flage===1"></one1>
        <two2 v-else-if="flage===2"></two2>
        <three3 v-else-if="flage===3"></three3>
    </div>
</template>
<script>
import one1 from './changgui.vue'   
import two2 from './weixin.vue'   

import {mapState} from 'vuex' 
export default {
    computed:{
        ...mapState('login',['flage'])
    },
    mounted(){
        
    },
    components:{
        one1,
        two2 ,
        three3,
    },
    data(){
        return {
            
        }
    }
}
</script>
<style lang="less">
.videobox{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    .background_too{
        background-image: url(@/assets/imgs/1.gif);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 307px;
        height: 183px;
        position: absolute;
        left: 20%;
        top: 40%;
        z-index: 10;
        opacity: .5;
    }

}
</style>